/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-8-18, 11:07:54
    Author     : Snake
*/

.logo {  left:4%;/* margin-left:-400px;*/ height:58px; top:11px; z-index:9; position: absolute;}

.service_top{ width:100%; height:710px; background:url(../images/sertop.jpg) no-repeat center top; position:relative;}
.service_topwz{ width:70%; text-align:center; padding-top:150px; line-height:46px; font-size:24px; color:#fff; margin:0 auto;}

.service_neckk{ width:100%; margin:0px auto;  position:relative; overflow:hidden;}
.service_neck{ width:100%; margin:0px auto;  position:relative; overflow:hidden;}
.service_nbt{ width:100%; height:150px; text-align:center; line-height:150px; font-size:30px; color:#23ac38;}
.service_nwz{ width:100%; text-align:center; line-height:36px; font-size:14px; color:#666;}

.service_chest{ width:100%; height:710px; background:#292929;  position:relative; overflow:hidden;}
.service_chest1{ width:100%; text-align:center; height:90px; line-height:90px; color:#fff; font-size:60px; padding-top:210px;}
.service_chest2{ width:100%; text-align:center; height:90px; line-height:90px; color:#fff; font-size:42px;}
.service_chest2 a{ color:#fff;}
.service_chest2 a:hover{ color:#23ac38;}
.service_chest3{ text-align:center; height:70px; line-height:70px; color:#fff; font-size:24px; width:100%;}

.service_brlly{ width:100%; height:712px; background:url(../images/belly.jpg) no-repeat center top;  position:relative; overflow:hidden;}
.service_brllybt{ width:100%; height:190px; line-height:190px; font-size:60px; color:#fff; text-align:center;}
.service_brllybt span{ font-size:70px; padding:0px 20px 0px 20px;}
.service_brllylo{ width:440px; height:440px; padding-top:140px; margin:0px auto;  float:left;}
.service_brllylo a{ display:block; width:440px; height:440px; text-align:center; line-height:440px; background:#23ac38; font-size:36px; color:#fff; -moz-border-radius: 50%;  /* Gecko browsers */-webkit-border-radius: 50%;   /* Webkit browsers */ border-radius:50%; }
.service_brllylo a .ser-yuan { padding-top:100px; line-height:80px;}
.service_brllywz{ width:590px; font-size:24px; line-height:45px; padding:110px 0px 0px 0px; float:right; color:#fff;}
.service_brllywz .title{ font-size:60px; line-height:160px;}

.service_leg{ width:100%; height:710px; background:#292929;  position:relative; overflow:hidden;}
.service_legcen{ width:1225px; height:710px; margin:0px auto;}
.service_legl{ width:440px; height:440px; padding:135px 0px 0px 0px; float:left;}
.service_legl a{ display:block; width:440px; height:440px;background:url(../images/w3c.png) no-repeat center center #23ac38;-moz-border-radius: 50%;  /* Gecko browsers */-webkit-border-radius: 50%;   /* Webkit browsers */ border-radius:50%}
.service_legr{ width:590px; font-size:24px; line-height:45px; padding:135px 0px 0px 0px; float:right; color:#fff;}
.service_legr span{ font-size:60px; line-height:180px;}

.service_chests{ width:100%; height:710px; background: url(../images/leg.jpg) no-repeat center top; position:relative; overflow:hidden;}
.service_chests1{ width:100%; text-align:center; height:90px; line-height:90px; color:#fff; font-size:60px; padding-top:210px;}
.service_chests2{ width:100%; text-align:center; height:90px; line-height:90px; color:#fff; font-size:42px;}
.service_chests2 a{ color:#fff;}
.service_chests2 a:hover{ color:#23ac38;}
.service_chests3{ text-align:center; height:70px; line-height:70px; color:#fff; font-size:24px; width:100%;}

.yingwen { width:100%; text-align:center; position:absolute; bottom:70px; left:0px;}

@media screen and (max-width: 1600px) { 
    .service_neck{ width:80%; margin:0px auto;  position:relative; overflow:hidden;}
    .yingwen img{ width:80%; }
}

@media screen and (max-width: 1366px) { 
    .service_legcen{ width:1000px; height:710px; margin:0px auto;}
    .service_legl{ width:360px; height:360px; padding:145px 0px 0px 0px; float:left;}
    .service_legl a{ display:block; width:360px; height:360px;background:url(../images/w3c.png) no-repeat center center #23ac38; background-size:100px 114px; -moz-border-radius: 50%;  /* Gecko browsers */-webkit-border-radius: 50%;   /* Webkit browsers */ border-radius:50%}
    .service_brllylo{ width:360px; height:360px; padding-top:190px; margin:0px auto;  float:left;}
    .service_brllylo a{ display:block; width:360px; height:360px; text-align:center; line-height:360px; background:#23ac38; font-size:36px; color:#fff; -moz-border-radius: 50%;  /* Gecko browsers */-webkit-border-radius: 50%;   /* Webkit browsers */ border-radius:50%;}
    .service_brllylo a .ser-yuan { padding-top:60px; line-height:80px;}
}

@media screen and (min-width: 681px) and (max-width: 1000px) { 
    .logo img{ height:35px;}
    .sidebar { display:none;}
    .service_legcen{ width:590px; height:710px; margin:0px auto;}
    .service_legl{ width:360px; height:360px; padding:145px 0px 0px 0px; float:left; display:none;}
    .service_legl a{ display:block; width:360px; height:360px;background:url(../images/w3c.png) no-repeat center center #23ac38; background-size:100px 114px; -moz-border-radius: 50%;  /* Gecko browsers */-webkit-border-radius: 50%;   /* Webkit browsers */ border-radius:50%}
    .service_brllylo{ width:360px; height:360px; padding-top:190px; margin:0px auto;  float:left; display:none;}
    .service_brllylo a{ display:block; width:360px; height:360px; text-align:center; line-height:360px; background:#23ac38; font-size:36px; color:#fff; -moz-border-radius: 50%;  /* Gecko browsers */-webkit-border-radius: 50%;   /* Webkit browsers */ border-radius:50%;}
    .service_brllylo a .ser-yuan { padding-top:60px; line-height:80px;}
}


@media screen and (max-width: 680px) { 
    .logo img{ height:35px;}
    .service_top{ width:100%; height:600px; background:url(../images/sertop.jpg) no-repeat center bottom; position:relative;}
    .yingwen { width:100%; text-align:center; position:absolute; bottom:30px; left:0px;}
    .yingwen img{ width:94%; }
    .sidebar { display:none;}
    
    .service_legl{ width:360px; height:360px; padding:145px 0px 0px 0px; float:left; display:none;}
    .service_brllywz{ width:90%; font-size:16px; line-height:45px; padding:110px 0px 0px 0px; float:inherit; color:#fff; margin:0 5%;}
    .service_brllywz .title{ font-size:40px; line-height:160px;}
    .service_brllywz p{ width:100%;}
    
    .service_legr{ width:90%; font-size:16px; line-height:45px; padding:135px 0px 0px 0px; float:inherit;  color:#fff; margin:0 5%;}
    .service_legr span{ font-size:40px; line-height:180px;}
    
    .service_topwz { font-size:18px; line-height:30px; width:80%;}
    .service_brllylo{ width:360px; height:360px; padding-top:190px; margin:0px auto;  float:left; display:none;}
    .service_legcen { width:100%;}
    
    .service_chests1{ width:100%; text-align:center; height:90px; line-height:90px; color:#fff; font-size:50px; padding-top:210px;}
    .service_chests2{ width:100%; text-align:center; height:90px; line-height:90px; color:#fff; font-size:34px;}
    .service_chests3{ text-align:center; height:70px; line-height:70px; color:#fff; font-size:18px; width:100%;}
    
    .service_chest1{ width:100%; text-align:center; height:90px; line-height:90px; color:#fff; font-size:50px; padding-top:210px;}
    .service_chest2{ width:100%; text-align:center; height:90px; line-height:90px; color:#fff; font-size:34px;}
    .service_chest2 a{ color:#fff;}
    .service_chest2 a:hover{ color:#23ac38;}
    .service_chest3{ text-align:center; height:70px; line-height:70px; color:#fff; font-size:18px; width:100%;}
}